function loadjscssfile(filename, filetype) {
    if (filetype == "js") { //if filename is a external JavaScript file
        var fileref = document.createElement('script')
        fileref.setAttribute("type", "text/javascript")
        fileref.setAttribute("src", filename)
    }
    else if (filetype == "css") { //if filename is an external CSS file
        var fileref = document.createElement("link")
        fileref.setAttribute("rel", "stylesheet")
        fileref.setAttribute("type", "text/css")
        fileref.setAttribute("href", filename)
    }
    if (typeof fileref != "undefined")
        document.getElementsByTagName("head")[0].appendChild(fileref)
}

var bar = document.getElementsByClassName('bar')[0];
bar.style.width = "0%";

loadjscssfile("/buzzPulse/CSS/uberstrap.css", "css");
bar.style.width = "10%";
loadjscssfile("/buzzPulse/CSS/font.css", "css");
bar.style.width = "15%";
loadjscssfile("/buzzPulse/CSS/unleashed.css", "css");
bar.style.width = "35%";
loadjscssfile("/buzzPulse/CSS/unleashed-responsive.css", "css");
bar.style.width = "40%";
loadjscssfile("/buzzPulse/CSS/unleashed-new.css", "css");
bar.style.width = "50%";
loadjscssfile("/buzzPulse/CSS/redactor.css", "css");
bar.style.width = "55%";
loadjscssfile("/buzzPulse/CSS/reports.css", "css");
bar.style.width = "60%";
loadjscssfile("/buzzPulse/CSS/print.css", "css");
bar.style.width = "65%";
loadjscssfile("/buzzPulse/CSS/canvas.css", "css");
bar.style.width = "70%";
loadjscssfile("/buzzPulse/CSS/loading.css", "css");
bar.style.width = "75%";
loadjscssfile("/buzzPulse/CSS/bootstrap-tour.css", "css");
bar.style.width = "100%";